<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米账号</title>
    <!-- 小米图标 -->
    <link rel="icon" href="../img/other/logo-mi2.png" type="image/x-icon">
    <!-- 引入jQuery框架 -->
    <script src="../js/jQuery.mini.js"></script>
    <!-- 样式 -->
    <link rel="stylesheet" href="../css/login.css">
    <!-- 重置样式 -->
    <link rel="stylesheet" href="../css/重置.css">
    <!-- 引入icon -->
    <link rel="stylesheet" href="../img/font login/iconfont.css">
</head>

<body>
    <div id="pic">
    </div>
    <main>
        <header>
            <div class="title">
                <a href="../html/index.html"><img src="../img/other/logo-mi2.png" alt=""></a>
                <b>小米帐号</b>
            </div>
            <div class="nav">
                <ul>
                    <a href="#">
                        <li>用户协议</li>
                    </a>
                    <a href="#">
                        <li>隐私政策</li>
                    </a>
                    <a href="#">
                        <li>帮助中心</li>
                    </a>
                </ul>
                <div>
                    <span>中文简体</span>&nbsp;<span class="iconfont icon-xia"></span>
                    <div class="change">
                        <p>‎‎中文(繁體)‎‎</p>
                        <p>English</p>
                    </div>
                </div>
            </div>
        </header>
        <section>
            <div class="content">
                <div class="dl"><a href="#" class="choose">登陆</a></div>
                <div class="zc"><a href="#">注册</a></div>
                <div class="code"></div>
                <span class="iconfont icon-erweima"></span>
                <div class="scan">扫码登陆<span></span></div>
                <!-- 账号密码 -->
                <div class="login">
                    <input type="text" class="id" placeholder="账号/邮箱/手机号码">
                    <span class="prompt">请输入账号</span>
                    <div class="pwdFather"> 
                    <input type="password" class="pwd" placeholder="密码">
                    <span class="iconfont icon-yincang"></span>
                    </div>
                    <span  class="prompt">请输入密码</span>
                    <button class="submit">登录</button>
                    <b><a href="#">忘记密码?</a></b>
                    <i><input type="checkbox" class="box"><a href="#">是否七日内免登录</a></i>
                   
                </div>
                <!-- 注册 -->
                <div class="registered">
                    <input type="text" class="id" placeholder="账号/邮箱/手机号码">
                    <span class="prompt">账号不能少于六位</span>
                    <input type="password" class="pwd" placeholder="密码">
                    <span class="prompt">密码不能少于六位</span>
                    <input type="password" class="determine" placeholder="密码">
                    <span class="prompt">两次密码不一致</span>
                    <input type="text" class="ver" placeholder="验证码">
                    <div class="verify"></div>
                    <a href="#" class="again">换一张</a>
                    <span class="prompt">验证码不一致</span>
                    <button class="submit">注册</button>
                    <input type="checkbox" class="box" ><b>已阅读并同意小米帐号 <a href="#">用户协议</a> 和 <a href="#">隐私政策</a></b>
                </div>
                <!-- 二维码登陆 -->
                <div class="phone">
                    <b>扫码登录 安全快捷</b>
                    <img src="../img/other/code.png" alt="">
                    <p>请使用微信扫码登录</p>
                </div>

                <div class="other">
                    <p>其他方式登陆</p>
                    <a href="#"><img src="../img/other/login.png" alt=""></a>
                </div>




            </div>
        </section>
        <footer>
            <p>小米公司版权所有-京ICP备10046444-京公网安备11010802020134号-京ICP证110507号</p>
        </footer>
    </main>



</body>

</html>
<script src="../js/cookie.js"></script>
<script src="../js/login.js"></script>